<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试台版本管理系统 | 登录入口</title>
    <link href="https://fonts.loli.net/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="static/css/messagebox.css"> 
    <link rel="stylesheet" href="static/css/login.css"> 
</head>

<body>
    <div class="container">
        <h2>测试台版本管理系统</h2>
        <div id="error-message" class="error"></div>
        <form id="login-form">
            <input type="text" id="username" placeholder="工号/邮箱" required>
            <input type="password" id="password" placeholder="登录密码" required>
            <button type="submit">立即登录 →</button>
        </form>
        <button id="register-button" type="button">还没有账号？立即注册</button>
    </div>

    <!-- 注册弹窗 -->
    <div id="register-modal" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <h2>用户注册</h2>
            <form id="register-form">
                <input type="text" id="register-username" placeholder="账号" required>
                <input type="password" id="register-password" placeholder="密码" required>
                <input type="text" id="register-name" placeholder="昵称">
                <input type="text" id="register-company" placeholder="所在公司">
                <input type="text" id="register-department" placeholder="所在部门">
                <button type="submit">确认注册</button>
            </form>
            <p id="register-error-message"></p>
        </div>
    </div>

    <script src="static/js/messagebox.js"></script>
    <script src="static/js/auth.js"></script>
    <script>
        BindLogAndOut();    
    </script>
</body>

</html>